<template>
  <div id="app">
    <div>
      <os-button size="large" @click="dialogVisible = true">按钮1</os-button>
      <os-button size="small" type="danger">按钮2</os-button>
      <os-button disabled type="warning" icon="os-icon-delete">按钮3</os-button>
    </div>
    <os-dialog :visible.sync="dialogVisible" title="提示" width="30" top="10">
      <span>这是一段信息</span>
      <os-input disabled />
      <os-switch v-model="value" />
      <div slot="footer">
        <os-button @click="dialogVisible = false" type="warning">
          取 消
        </os-button>
        <os-button @click="dialogVisible = false">确 定</os-button>
      </div>
    </os-dialog>
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return {
      dialogVisible: false,
      value: false,
    };
  },
};
</script>

<style lang="scss"></style>
